<script setup lang='ts'>
import {PropType, reactive, computed} from 'vue'
import {HeaderData} from '@/components/dTable/dTable'
import {ColorTheme, ColorRed} from '@/api/config'
const props = defineProps({
  row:{
    type:Object as PropType<any>,
    required:true
  },
  col:{
    type:Object as PropType<HeaderData>,
    required:true
  }
})

//找到按钮数据
const operationArr = computed<string>(() => {
  const row = reactive(props.row)
  return row.status
})
</script>

<template>
  <div>
    <div v-if="operationArr==='启用'||operationArr==='1'" :style="{color:ColorTheme}">
      {{ operationArr }}
    </div>
    <div v-if="operationArr==='停用'||operationArr==='0'" :style="{color:ColorRed}">
      {{ operationArr }}
    </div>
  </div>
</template>

<style scoped>
</style>